<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="account.css"/>
    <script type="text/javascript" src="../xmppweblib.js"></script>
    <script type="text/javascript" src="../prototype.js"></script>
    <script type="text/javascript" src="account.js"></script>
    <title>アカウント管理</title>
  </head>
  <body>
    <div id="new-account-container">
      <h1 class="description">新しいアカウントを作りたい</h1>
      <h2 class="description">どちらのサービスをお使いですか?</h2>
      <ul id="services">
        <li>
          <a href="aim.html">
            <ul class="service">
              <li><img src="aim.png" alt="AIM/ICQ"/></li>
              <li>AIM/ICQ</li>
            </ul>
          </a>
        </li>
        <li>
          <a href="gtalk.html">
            <ul class="service">
              <li><img src="gtalk.png" alt="Google Talk"/></li>
              <li>Google Talk</li>
            </ul>
          </a>
        </li>
        <li>
          <a href="jabber.html">
            <ul class="service">
              <li><img src="jabber.png" alt="Jabber/XMPP"/></li>
              <li>Jabber/XMPP</li>
            </ul>
          </a>
        </li>
        <li>
          <a class="service" href="msn.html">
            <ul class="service">
              <li><img src="msn.png" alt="MSN Messenger"/></li>
              <li>MSN Messenger</li>
            </ul>
          </a>
        </li>
        <li>
          <a class="service" href="twitter.html">
            <ul class="service">
              <li><img src="twitter.png" alt="Twitter"/></li>
              <li>Twitter</li>
            </ul>
          </a>
        </li>
      </ul>
    </div>
    <hr/>
    <div id="accounts-container">
      <h1 class="description">今あるアカウント</h1>
      <ul id="accounts"/>
    </div>
    <div id="delete-account">
      <p>
        <a href="delete.html">アカウントを消したい</a>
      </p>
    </div>
  </body>
</html>
